<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>Dashboard - ${name}</title>

    <meta name="description" content="overview &amp; stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <link rel="shortcut icon" href="favicon.ico">

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="assets/components/bootstrap/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="assets/components/font-awesome/css/font-awesome.min.css"/>

    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="assets/components/chosen/chosen.min.css" />

    <!-- text fonts -->
    <link rel="stylesheet" href="assets/css/ace-fonts.min.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <![endif]-->
    <link rel="stylesheet" href="assets/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="assets/css/ace-rtl.min.css"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->

    <link rel="stylesheet" href="assets/components/layer/dist/theme/default/layer.css"/>
    <link rel="stylesheet" href="assets/components/dropzone/dist/min/dropzone.min.css"/>
    <!-- inline styles related to this page -->
    <link rel="stylesheet" href="assets/css/app.css"/>

    <!-- ace settings handler -->
    <script src="assets/js/ace-extra.min.js"></script>

    <!-- inject:js -->
    <!-- endinject -->
    <script type="text/javascript">
        //检查是否登录
        (function (){
            var strUser = ace.data.get("user");
            if(strUser) {
                var tempUser = JSON.parse(strUser);
                if (tempUser == null) {
                    location.replace("login.html");
                }
            }
        })()
    </script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]>
    <script src="assets/components/html5shiv/dist/html5shiv.min.js"></script>
    <script src="assets/components/respond/dest/respond.min.js"></script>
    <script src="assets/components/es5-shim/es5-shim.min.js"></script>
    <script src="assets/components/es5-shim/es5-sham.min.js"></script>
    <script src="assets/components/json3/lib/json3.min.js"></script>
    <![endif]-->

</head>

<body class="no-skin">
<div id="navbar" class="navbar navbar-default navbar-fixed-top ace-save-state">
    <div class="navbar-container ace-save-state" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left fixed" id="menu-toggler"
                data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <div class="navbar-header pull-left">
            <a href="index.html" class="navbar-brand">
                <small>
                    <i class="fa fa-cogs"></i>
                    ${name}
                </small>
            </a>
        </div>

        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="light-blue dropdown-modal">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="assets/images/avatars/user.jpg" alt="" id="nav-user-photo"/>
                        <span class="user-info">
                            <small>欢迎,</small>
                            <span id="nav-username"></span>
                        </span>

                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="javascript:;">
                                <i class="ace-icon fa fa-user"></i>
                                个人信息
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" id="changePwd">
                                <i class="ace-icon fa fa-cog"></i>
                                修改密码
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="javascript:;" id="logout">
                                <i class="ace-icon fa fa-power-off"></i>
                                退出登录
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>

<div class="main-container ace-save-state" id="main-container">
    <div id="sidebar" class="sidebar sidebar-fixed responsive ace-save-state">
        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
            <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                <button class="btn btn-success">
                    <i class="ace-icon fa fa-signal"></i>
                </button>

                <button class="btn btn-info">
                    <i class="ace-icon fa fa-pencil"></i>
                </button>

                <button class="btn btn-warning">
                    <i class="ace-icon fa fa-users"></i>
                </button>

                <button class="btn btn-danger">
                    <i class="ace-icon fa fa-cogs"></i>
                </button>
            </div>

            <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                <span class="btn btn-success"></span>

                <span class="btn btn-info"></span>

                <span class="btn btn-warning"></span>

                <span class="btn btn-danger"></span>
            </div>
        </div><!-- /.sidebar-shortcuts -->

        <ul class="nav nav-list" id="index-sidenav">
        </ul><!-- /.nav-list -->

        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
               data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
    </div>

    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs breadcrumbs-fixed ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb" id="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">Home</a>
                    </li>
                    <li class="active">Dashboard</li>
                </ul><!-- /.breadcrumb -->

                <!--<div class="nav-search" id="nav-search">
                    <form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input"
                                           id="nav-search-input" autocomplete="off"/>
									<i class="ace-icon fa fa-search nav-search-icon"></i>
								</span>
                    </form>
                </div> --><!-- /.nav-search -->
            </div>

            <div class="page-content" id="page-content">
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->

    <div class="footer">
        <div class="footer-inner">
            <div class="footer-content">
                <span class="bigger-120">
                    <span class="blue bolder">${brief}</span>
                    ${company} &copy; 2019
                </span>
                &nbsp; &nbsp;
            </div>
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<!-- 通用第三方脚本 -->
<script src="assets/components/art-template/lib/template-web.js"></script>
<script src="assets/components/q.js/q.js"></script>
<script data-main="assets/js/app" src="assets/components/requirejs/require.js"></script>

<script id="tplSideSubMenus" type="text/html">
    <li>
        {{if children}}
        <a href="#" class="dropdown-toggle">
            <i class="menu-icon {{if icon}}{{icon}}{{else}}fa fa-caret-right{{/if}}"{{if icon}} style="display: inline-block;"{{/if}}></i>
            {{name}}
            <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <!-- 三级菜单 -->
        <ul class="submenu">
            {{each children thirdMenu i3}}
                {{include 'tplSideSubMenus' thirdMenu}}
            {{/each}}
        </ul>
        {{else}}
        <a href="{{if href}}{{href}}{{else}}#{{/if}}" {{if _isUrl(href)}}target="_blank"{{/if}}>
            <i class="menu-icon {{if icon}}{{icon}}{{else}}fa fa-caret-right{{/if}}"{{if icon}} style="display: inline-block;"{{/if}}></i>
            {{name}}
        </a>
        <b class="arrow"></b>
        {{/if}}
    </li>
</script>
<!-- 侧导航渲染模板 -->
<script id="tplSideNav" type="text/html">
{{each list topMenu i}}
    <li>
        {{if topMenu.children}}
        <a href="javascript:;" class="dropdown-toggle">
            <i class="menu-icon {{topMenu.icon}}"></i>
            <span class="menu-text"> {{topMenu.name}} </span>

            <b class="arrow fa fa-angle-down"></b>
        </a>
        {{else}}
        <a href="{{if topMenu.href}}{{topMenu.href}}{{else}}javascript:;{{/if}}" {{if _isUrl(topMenu.href)}}target="_blank"{{/if}}>
            <i class="menu-icon {{topMenu.icon}}"></i>
            <span class="menu-text"> {{topMenu.name}} </span>
        </a>
        {{/if}}
        <b class="arrow"></b>

        {{if topMenu.children}}
        <!-- 二级菜单 -->
        <ul class="submenu">
            {{each topMenu.children subMenu i2}}
                {{include 'tplSideSubMenus' subMenu}}
            {{/each}}
        </ul>
        {{/if}}
    </li>
{{/each}}
</script>

<!-- 面包屑导航栏模版 -->
<script id="tplBreadcrumb" type="text/html">
    <ul class="breadcrumb" id="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <a href="#!home">Home</a>
        </li>
        {{each list menu i}}
        <li {{if menu.length === i }}class="active"{{/if}}>
        <a href="{{menu.href}}">{{menu.name}}</a>
        </li>
        {{/each}}
    </ul>
</script>

<script id="tpl404" type="text/html">
    @@include('views/template/404.html', {})
</script>
<script id="tpl500" type="text/html">
    @@include('views/template/500.html', {})
</script>

<!-- 修改密码弹窗 -->
<script id="tplChangePwd" type="text/html">
    @@include('views/template/ChangePwd.html', {})
</script>

@@include('views/template/FormInput.html', {})

<!-- inline scripts related to this page -->
<script type="text/javascript">

</script>
</body>
</html>
